<template>
	<view class="toast">
		<view class="tit">登录获得更好的体验</view>
		<button class="btn" v-on:click="wxLogin">授权微信登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			wxLogin(){
				console.log('微信登录')
			}
		}
	}
</script>

<style>
	.toast{
		width: 90%;
		background-color: #222222;
		position: fixed;
		bottom: 110rpx;
		left: 0;
		right: 0;
	}
	.tit{
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		margin-bottom: 15rpx;
	}
	.btn{
		background-color: #529313;
		color: white;
		width: 90%;
	}
</style>
